<?php require_once 'inc/header.php'; ?>
<table id="achievementsTable">
	<tr>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
	</tr>
	<tr>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
	</tr>
	<tr>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
	</tr>
	<tr>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
	</tr>
	<tr>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
		<td data-achievement="Achievement Name" data-description="Description about unlocking this achievement"><img src="images/locked.png"></td>
	</tr>
</table>
<p class="prize_description">Once you form either a horizontal, vertical or diagonal line across the board (Bingo!), you can <a href="//apps.facebook.com/bingome/prizes.php" target="_top">redeem one of the many group discount vouchers</a> we have in stock!</p>
<script>
	var qtipOpts = {
		position: {
			my: 'top left',
			target: 'mouse',
			viewport: $(window)
		},
		hide: {
			fixed: true
		},
		style: 'ui-tooltip-shadow'
	};
	
	$('#achievementsTable td').each(function() {
		$(this).find('img').qtip($.extend({}, qtipOpts, {content: {title: $(this).data('achievement'), text: $(this).data('description')}}));
	});
</script>
<?php require_once 'inc/footer.php'; ?>